<template>
  <el-alert
    :title="value"
    :effect="effect"
    :center="center"
    :type="type"
    :closable="close"
    :closeText="closeText"
    :show-icon="isicon"
    :description="description"
  >
  </el-alert>
</template>
<script>
export default {
  props: {
    textStyle: {
      type: Object,
      default: () => ({
        // 'font-size': ' 12px',
        // "color": '#00000',
        // 'text-align': 'center',
        // 'line-height': '32px',
        // 'font-weight': 'normal',
        // 'font-style': 'normal',
        // 'text-decoration': 'none',
      }),
    },
    value: {
      default: "",
    },
    effect: {
      default: "light",
    },
    center: {
      default: false,
    },
    type: {
      default: "success",
    },

    close: {
      default: false,
    },
    closeText: {
      default: "",
    },
    isicon: {
      default: false,
    },
    description: {
      default: "",
    },
  },
  methods: {
    openLink() {},
  },
  computed: {
    _style() {
      return {
        ...this.textStyle,
        "line-height": this.textStyle["line-height"] + "px",
        "font-size": this.textStyle["font-size"] + "px",
      };
    },
  },
};
</script>
<style lang="scss">
.Link {
  padding: 3px 0;
  margin: 0;
  // font-style: italic;
}
</style>
